<!--
 * @Author: SeonHu
 * @Date: 2025-09-28 12:52:38
 * @LastEditors: SeonHu
 * @LastEditTime: 2025-09-29 17:37:17
 * @FilePath: \bg-vben\src\views\dashboard\workbench\components\DynamicInfo.vue
 * @Description: 
 * Copyright © 2020-2025 SANQING Corporation, All rights reserved.
-->
<template>
  <Card title="最新动态" v-bind="$attrs">
    <template #extra>
      <a-button type="link" size="small">更多</a-button>
    </template>
    <List item-layout="horizontal" :data-source="items">
      <template #renderItem="{ item }">
        <ListItem>
          <ListItemMeta>
            <template #description>
              {{ item.date }}
            </template>
            <template #title>
              {{ item.name }} <span>{{ item.desc }} </span>
            </template>
            <template #avatar>
              <Icon :icon="item.avatar" :size="30" />
            </template>
          </ListItemMeta>
        </ListItem>
      </template>
    </List>
  </Card>
</template>
<script lang="ts" setup>
  // import headerImg from '@/assets/images/header.png';
  import Icon from '@/components/Icon/Icon.vue';
  import { Card, List } from 'ant-design-vue';

  import { dynamicInfoItems } from './data';

  const ListItem = List.Item;
  const ListItemMeta = List.Item.Meta;
  const items = dynamicInfoItems;
</script>
